<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
	<title>欢迎登录OBD管理系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href='__CSS__/google.css' rel='stylesheet' type='text/css'>
	<link href="__PUBLIC__/Green/images/logo.ico" type="image/x-icon" rel="shortcut icon">
	<link rel="apple-touch-icon" href="__IMG__/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="57x57" href="__IMG__/apple-touch-icon-57x57.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="__IMG__/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="76x76" href="__IMG__/apple-touch-icon-76x76.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="__IMG__/apple-touch-icon-114x114.png" />
	<link rel="apple-touch-icon" sizes="120x120" href="__IMG__/apple-touch-icon-120x120.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="__IMG__/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon" sizes="152x152" href="__IMG__/apple-touch-icon-152x152.png" />
		
	<link href="__VENDOR__/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="__VENDOR__/skycons/css/skycons.css" rel="stylesheet" />
	<link href="__VENDOR__/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
	<link href="__PLUGINS__/bootkit/css/bootkit.css" rel="stylesheet" />
	<link href="__CSS__/login.css" rel="stylesheet" />
	<link href="__CSS__/add-ons.min.css" rel="stylesheet" />
	<link href="__CSS__/jquery.mmenu.css" rel="stylesheet"/>
	<style>
		footer {
			display: none;
		}
	</style>
	<script src="__PLUGINS__/modernizr/js/modernizr.js"></script>
		
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="__JS__/html5shiv.min.js"></script>
			<script src="__JS__/respond.min.js"></script>
		<![endif]-->
</head>
<body>
	<!-- Start: Content -->
		<div class="container-fluid content">
			<div class="row">
				<!-- Main Page -->
				<div id="content" class="col-sm-12 full">
					<div class="row">
						<div class="login-box">
							<div class="panel">
								<div class="panel-body">										
									<div class="header bk-margin-bottom-20 text-center">										
										<img src="__IMG__/logo.png" class="img-responsive" alt="" />
										<h4 class="text-info">注册账号</h4>
									</div>									
									<form class="form-horizontal register" action="{:U('Public/register')}" method="post">									
										<div class="bk-padding-left-20 bk-padding-right-20">
											<div class="form-group">
												<label>账号</label>
												<input name="username" type="text" class="form-control" placeholder="请输入账号" id="fullname"/>
											</div>
											<div class="form-group">
												<label>邮箱</label>
												<input name="email" type="email" class="form-control" placeholder="请输入邮箱" id="username"/>
											</div>											
											<div class="form-group">
												<div class="row">
													<div class="col-sm-6">
														<label>密码</label>
														<input name="password" type="password" class="form-control bk-margin-bottom-10" placeholder="请输入密码" id="password"/>
													</div>
													<div class="col-sm-6">
														<label>确认密码</label>
														<input name="repassword" type="password" class="form-control bk-margin-bottom-10" placeholder="请输入确认密码" id="passwordConfirm"/>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label>验证码</label>
												<div class="input-group input-group-icon">
													<input type="text" class="form-control bk-radius" name="verify" id="verify" placeholder="请输入验证码"/><a class="reloadverify" title="换一张" href="javascript:void(0)">看不清？换一张</a>
													<span class="input-group-addon">
														<span class="icon">
															<i class="fa fa-font"></i>
														</span>
													</span>
												</div>
											</div>
											<div class="form-group">
											<div class="input-group input-group-icon">
												<div class="input-group input-group-icon img-group">
													<img class="reloadverify verifyimg form-control" src="{:U('Public/verify')}">
												</div>
											</div>
											</div>
											<div class="col-sm-8 check-tips"></div>
											<div class="row bk-margin-top-20 bk-margin-bottom-10">
												<div class="col-sm-8">
													<div class="checkbox-custom checkbox-default">
														<input id="AgreeTerms" name="agreeterms" type="checkbox"/>
														<label for="AgreeTerms">I agree with <a href="#">terms of use</a></label>
													</div>
												</div>
												<div class="col-sm-4 text-right">
													<button type="submit" class="btn btn-primary hidden-xs">注 册</button>
													<button type="submit" class="btn btn-primary btn-block btn-lg visible-xs bk-margin-top-20">注 册</button>
												</div>
											</div>											
											<div class="text-with-hr">
												<span>使用已有账户</span>
											</div>
											<p class="text-center">已经有账户? <a href="{:U('Public/login')}" class="text-info">登 录</a>										
										</div>	
									</form>									
								</div>
							</div>							
							<p class="text-center text-muted"><i class="fa fa-coffee"></i> 点击进入 <a href="http://www.buyubi.com/" title="葫芦车险" target="_blank" class="text-info">葫芦车险</a></p>	
						</div>
					</div>
				</div>	
				<!-- End Main Page -->	
			</div>
		</div><!--/container-->

			
	<script src="__VENDOR__/js/jquery.min.js"></script>
	<script src="__VENDOR__/js/jquery-2.1.1.min.js"></script>
	<script src="__VENDOR__/js/jquery-migrate-1.2.1.min.js"></script>
	<script src="__VENDOR__/bootstrap/js/bootstrap.min.js"></script>
	<script src="__VENDOR__/skycons/js/skycons.js"></script>	
	<script src="__VENDOR__/bootkit/js/bootkit.js"></script>
	<script type="text/javascript">
		$("form").submit(function(){
			var self = $(this);
			$.post(self.attr("action"), self.serialize(), success, "json");
			return false;
			function success(data) {
				if (data.status){
					window.location.href = data.url;
				}else{
					self.find(".check-tips").text(data.info);
					$("#verify").val("").focus();
					$(".reloadverify").click();
				}
			}
		});
		$(function(){
			var verifyimg = $(".verifyimg").attr("src");
			$(".reloadverify").click(function(){
				if (verifyimg.indexOf('?') > 0) {
					$(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
				}else{
					$(".verifyimg").attr("src", verifyimg.replace(/\?.*$/, '')+'?'+Math.random());
				}
			});
		});
	</script>
	</body>
</html>